<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>导航栏</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="js/script.js"></script>
</head>

<body>

    <nav class="nav">
        <a href="javascript:void(0)" class="nav-item is-active">
            <svg t="1629900029458" class="icon" viewBox="0 0 1159 1024" p-id="4837" width="30" height="30">
                <path
                    d="M982.717542 542.72c-92.16-75.776-183.296-151.552-275.456-226.304L580.285542 210.944c-4.096 3.072-7.168 5.12-10.24 7.168-132.096 109.568-264.192 218.112-395.264 327.68-5.12 5.12-8.192 12.288-8.192 19.456 0 110.592-1.024 221.184 0 330.752 0 33.792 18.432 52.224 53.248 52.224h254.976c4.096 0 9.216-1.024 15.36-1.024V671.744h183.296v275.456h268.288c36.864 0 54.272-17.408 54.272-54.272V567.296c-1.024-9.216-6.144-19.456-13.312-24.576z m160.768-74.752c20.48 16.384 21.504 26.624 5.12 46.08-11.264 13.312-21.504 25.6-32.768 38.912-15.36 18.432-26.624 19.456-45.056 4.096-163.84-136.192-327.68-273.408-491.52-409.6C416.445542 283.648 252.605542 419.84 89.789542 557.056 71.357542 572.416 61.117542 571.392 44.733542 552.96l-31.744-37.888c-18.432-21.504-17.408-30.72 4.096-49.152 74.752-62.464 148.48-123.904 223.232-186.368L515.773542 51.2C559.805542 14.336 600.765542 14.336 644.797542 51.2L795.325542 177.152c4.096 3.072 8.192 6.144 15.36 12.288V94.208 51.2c0-16.384 8.192-23.552 24.576-24.576h135.168c17.408 0 24.576 9.216 24.576 29.696 0 87.04 1.024 174.08-1.024 260.096 0 19.456 5.12 31.744 20.48 43.008 44.032 35.84 86.016 72.704 129.024 108.544z"
                    p-id="4838" fill="#b1b1b1"></path>
            </svg>
            <span>首页</span>
        </a>

        <a href="javascript:void(0)" class="nav-item">
            <svg t="1629900036909" class="icon" viewBox="0 0 1024 1024" p-id="5121" width="30" height="30">
                <path
                    d="M941.254 941.257c-24.991 24.991-65.509 24.991-90.5 0L697.951 788.454C632.162 835.976 551.359 864 464 864 243.086 864 64 684.914 64 464S243.086 64 464 64s400 179.086 400 400c0 87.36-28.025 168.164-75.548 233.954l152.802 152.802c24.991 24.991 24.991 65.51 0 90.501zM464 192c-150.221 0-272 121.779-272 272s121.779 272 272 272 272-121.779 272-272-121.779-272-272-272z"
                    p-id="5122" fill="#b1b1b1"></path>
            </svg>
            <span>搜索</span>
        </a>

        <a href="javascript:void(0)" class="nav-item">
            <svg t="1629900045482" class="icon" viewBox="0 0 1024 1024" p-id="5359" width="30" height="30">
                <path
                    d="M393.528889 1009.777778a80.64 80.64 0 1 1 80.64-80.64A80.64 80.64 0 0 1 393.528889 1009.777778z m373.333333 0a80.64 80.64 0 1 1 80.64-80.64A80.64 80.64 0 0 1 766.862222 1009.777778z m218.595556-752.64l-74.097778 304.071111c-7.68 28.444444-35.271111 53.048889-64 45.368889h-483.555556L384 687.217778h436.622222a53.76 53.76 0 0 1 0 107.52H363.662222a40.248889 40.248889 0 0 1-17.351111 0h-9.528889a53.76 53.76 0 0 1-53.76-53.76l-122.311111-477.155556a53.333333 53.333333 0 0 1-12.088889-33.564444 54.755556 54.755556 0 0 1 0.995556-9.671111L124.444444 122.737778h-56.888888a53.76 53.76 0 0 1 0-107.52h80.64a40.533333 40.533333 0 0 1 17.351111 0h9.528889a53.76 53.76 0 0 1 53.76 53.76L256 176.497778h654.222222a42.666667 42.666667 0 0 1 21.475556 0 53.76 53.76 0 0 1 53.76 53.76 56.888889 56.888889 0 0 1 0 6.115555 42.666667 42.666667 0 0 1 0 20.764445z m0 0"
                    p-id="5360" fill="#b1b1b1"></path>
            </svg>
            <span>购物车</span>
        </a>

        <a href="javascript:void(0)" class="nav-item">
            <svg t="1629900051849" class="icon" viewBox="0 0 1024 1024" p-id="5597" width="30" height="30">
                <path d="M512 96c-132.3 0-240 107.7-240 240s107.7 240 240 240 240-107.7 240-240S644.3 96 512 96z"
                    p-id="5598" fill="#b1b1b1">
                </path>
                <path
                    d="M753.8 589.7c-21.6-15.5-50.6-16-72.7-1.2C632.7 621 574.5 640 512 640s-120.8-19-169.1-51.5c-22-14.8-51.1-14.3-72.7 1.2-18.6 13.3-36.1 28.1-52.2 44.3-58.4 58.4-99.5 133.9-115.1 218.3-7.3 39.4 22.9 75.7 62.9 75.7h692.3c39.9 0 70.2-36.1 63-75.4-19.8-107.9-81.4-201.3-167.3-262.9z"
                    p-id="5599" fill="#b1b1b1">
                </path>
            </svg>
            <span>我的</span>
        </a>
    </nav>

</body>

</html>